<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../JS/js/jquery.min.js"></script>
		<script type="text/javascript" src="../JS/public.js"></script>
		<script src="register.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/base.css"/>
		<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}
		body,html {
			width: 100%;
			height: 100%;
			background: url(../images/slider-2.png) no-repeat center;
			background-size: 100%;
		}
		.form {
			width: 400px;
			padding: 20px 50px;
			border:1px solid #000000;
			position: absolute;
			top:200px;
			left: 200px;
		}
		input {
			width: 350px;
			height:40px;
			line-height: 40px;
			margin: 30px auto;
			outline: none;
			display: block;
			padding-left: 10px;
		}
		#sub {
			border: 0;
			color: #FFFFFF;
			background: #000000;
			line-height: 40px;
			text-align: center;
			height: 40px;
			font-size: 20px;
		}
		#sub:hover {
			color: #000000;
			border: 1px solid #000000;
			background: #FFFFFF;
		}
/*nav开始*/
.container {
	width: 1400px;
	overflow: hidden;
	margin: 0 auto;
}		
#Mainav {
	height:100px;
	width: 100%;
	background: #FFFFFF!important;
}
#Mainav .nav {
	padding-top: 40px;
	font-size: 18px;
	float: left;
	font-weight: bold;
}
#Mainav .nav>li {
	float:left;
	margin-right: 10px;
	width: 120px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}
#Mainav .nav>li ul{
	display:none;
}
#Mainav .nav>li ul li a {
	color: #333333;
}
h1 {
	height: 80px;
	float: left;
	margin: 10px 100px;
}
#Mainav .nav_right {
	float: right;
	padding-top: 40px;
	font-size: 16px;
}
#Mainav .nav_right li {
	float: left;
	margin-left: 80px;
	line-height: 30px;
}
		</style>
	</head>
	<body>
		<div id="Mainav">
			<div class="container">
				<ul class="nav">
					<li>home
						<ul>
							<li><a href="#">home1</a></li>
							<li><a href="#">home2</a></li>
							<li><a href="#">home3</a></li>
						</ul>
					</li>
					<li>shop+
						<ul>
							<li><a href="#">Shopping Cart</a></li>
							<li><a href="#">Checkout</a></li>
							<li><a href="#">Order</a></li>
						</ul>
					</li>
					<li>About Us</li>
					<li>Contact</li>
				</ul>
				<h1><img src="../images/logo.png"/></h1>
				<ul class="nav_right">
					<li><a href="../login/login.html" class="login">登录</a>/
						<a href="register.html" clsaa="register">注册</a>
					</li>
					<li><a href="#" class="car"><img src="../images/cart.png"/></a></li>
				</ul>
			</div>
		</div>
			<div class="form">
				<h1>用户注册</h1>
				<input type="text" name="uname" id="uname" value=""  placeholder="用户名"/>
				<input type="password" name="upwd" id="upwd"  placeholder="密码"/>
				<input type="password" name="repwd" id="repwd"  placeholder="确认密码"/>
				<input type="submit" name="sub" id="sub" value="注册" />
			</div>
	</body>
</html>
<script>

